{"componentChunkName":"component---src-templates-blog-template-js","path":"/blogs/how-i-created-my-portfolio-website","result":{"data":{"blog":{"content":"# How I created my portfolio website \n\n###Built with Gatsby React  Strapi  netilify \n\n![programmer-focused-on-code](https://res.cloudinary.com/dab17ckbw/image/upload/v1609960131/programmer-focused-on-code_0e1eabbb76.jpg)\n[Photo by Sarah Pflug from Burst](https://burst.shopify.com/@sarahpflugphoto?utm_campaign=photo_credit&utm_content=Free+Stock+Photo+of+Programmer+Focused+On+Code+%E2%80%94+HD+Images&utm_medium=referral&utm_source=credit)\n\n###I decided to use static site generator after contemplating on how and what to build my portfolio .\n\n###though we have plenty of them but I decide to go with gatsby.js because it was built on react.js framework \n\n![gatsby-banner.](https://res.cloudinary.com/dab17ckbw/image/upload/v1609961204/gatsby-banner._bc53744f0e.jpg)\n\n###Why [Gatsby](https://www.gatsbyjs.com/)?\n\nGatsby is another static site generator like Hugo, 11ty, Jekyll etc. so why gatsby?\n\nGatsby is a React-based open-source framework for creating website and apps. \n\nIt’s great whether you are building a portfolio site or blog, or a high-traffic e-commerce store or company home page.\n\n\n![strapi banner](https://res.cloudinary.com/dab17ckbw/image/upload/v1609961205/strapi_banner_3cda970b02.png)\n###What is [Strapi](https://strapi.io/)?\n\nStrapi is an open source Headless CMS. It’s a Node.js Framework\n\nStrapi is an open-source, Node.js based, headless CMS to manage content and make it available through a fully\n\n customizable API. \n\nIt is designed to build practical, production-ready Node.js APIs in hours instead of weeks.\n\n\n![netlify-banner](https://res.cloudinary.com/dab17ckbw/image/upload/v1609961205/netlify-banner_74b756f740.png)\n###Why [netlify](https://www.netlify.com/)?\n\nI use netlify because it allow me to host my gatsby website for free,\n\n though you might need to pay if you want to use their analytics or \n\nform handling which was why I use [formspree](https://formspree.io/) to Handle the form and also [cloudinary](https://cloudinary.com/) to store my blog images.\n\n","title":"How I created my portfolio website ","desc":"I decided to use static site generator after contemplating on how and what to build my portfolio with though we have plenty of them but I decide to go with gatsby.js because it was built on react.js framework ."}},"pageContext":{"slug":"how-i-created-my-portfolio-website"}}}